<!-- created:2022/12/30 20:04 By AdinZ -->
<template>
  <el-descriptions :column="1" border>

    <el-descriptions-item label-class-name="description-other-label" label="商品名称">
      {{ data.title }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label" label="商品介绍">
      {{ data.body }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label" label="团购价格">
      {{ data.price }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label " label="商品数量">
      {{ data.stockNum }}
    </el-descriptions-item>
    <el-descriptions-item label-class-name="description-other-label" label="成团人数">
      {{ data.groupNum }}
    </el-descriptions-item>
  </el-descriptions>
</template>

<script>
export default {
  name: "ExpandGroup",
  props: {
    data: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
}
</script>

<style lang="scss">
.description-other-label {
  width: 200px !important;
}
</style>
